<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@ taglib prefix="jsf" uri="http://www.sun.com/webui/webuijsf" %>
<%@ taglib prefix="i" uri="http://www.inf.ufrgs.br/prav/interop" %>
<%@page contentType="text/html" pageEncoding="UTF8"%>
<f:view>
<i:DOCTYPE/>

<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" xml:lang="pt-br">
<head>
<title>Teste</title>
<i:link rel="stylesheet" href="estilo.css" type="text/css"/>
</head>
<body>

<div>
<!--  ======================================== div do titulo  ============================================== -->
<div id="titulo" class="titulo">
<br>
<h1>Página Inicial (index)</h1><br>
</div>

<!--  =================================== div do conteudo  =============================================== -->

<div id="conteudo" class="conteudo">
    <h2>Este texto deverá mudar de cor, dependendo da plataforma alvo</h2><br/>
    <i:a href="pagina2.jsp">Link para a próxima página 2 </i:a><br/>
    <br/>
    <h3>Essa imagem deverá ser igual em todas as plataformas:</h3><br/>
    <i:img src="img/imagem1.png"/><br><br>
    <h3>Essa imagem deve ser diferente para cada plataforma:</h3>
    <i:img id="p1img1"/><br/><br/>
    <i:img src="img/imagemDiferente.png"/><br><br>
</div>

</div></body>
</html>
</f:view>

